.header.active{background: #fff;box-shadow: 0 5px 10px -1px rgba(0,0,0,.1);} .header.active::before{display: none;} .bannerPage{height: 500px;height: 5rem;background-color: #000;; background-size: cover !important;position: relative;} .pageMain{overflow: hidden;} .borderbt1px{border-bottom: 1px solid #D2D1D1;} .borderbt1pxs{border-bottom: 1px solid #CCCCCC;} .breadNav .item{margin: 0 1rem;position: relative;padding: .15rem 0;text-align: center;} .breadNav .item::before{position: absolute;left: 15%;content: '';bottom: 0;height: 3px;border-radius: 2px;background: #145FF9;width: 0;transition: .5s;} .breadNav .item.on{color: #145FF9;font-weight: 500;} .newTop .imgs{width: 48%;margin-right: 5%;} .breadNav .item.on::before{width: 70%;} .xwzxDL dd{margin-bottom: 3%;} .breadNav .flexbt .item{margin: 0;} .pages{text-align: center} .pages>*{display: inline-block;background: rgba(255,255,255,.1);width: .52rem;line-height: .52rem;margin: 1px;color: #fff;} .pages .on{color: #145FF9;background: #fff;} .footTops{bottom: 0;} .ptBreadDL dd{width: 19%;text-align: center;position: relative;} .ptBreadDL dd>a{display: block;padding: .3rem 0;} .ptBreadDL dd img{margin: auto;margin-bottom: .1rem;} .ptBreadDL dd .icon1,.ptBreadDL dd.on .icon2{display: block;} .ptBreadDL dd .icon2,.ptBreadDL dd.on .icon1{display: none;} .ptBreadDL dd.on {color: #145FF9;} .ptBreadDL dd .hline{width: 1rem;margin:.1rem auto 0 auto;position: relative;height: 4px;display: block;} .ptBreadDL dd .hline::before{position: absolute;left: 50%;top: 0;bottom: 0;content: '';width: 0;background: #145FF9;transition: .5s;} .ptBreadDL dd.on .hline::before{width: 100%;left: 0;} .bgf8f8f8{background: #f8f8f8;} .chanpinDL::after{width: 31%;content: '';} .chanpinDL dd>a{display: block;padding: .23rem .22rem 0.1rem .22rem;background: #fff;text-align: center;border: 1px solid #fff;} .chanpinDL dd{width: 21%;margin-bottom:2%;} .changeLink>a{text-align: center;border: 1px solid #145FF9;min-width: 1.3rem;padding: .1rem;color: #145FF9;} .changeLink>a.on{background: #145FF9;color: #fff;} .biaoshiDL::after{content: '';width: 30%;} .biaoshiDL dd{width: 24%;background: #fff;margin-bottom: 3%;border-radius: .1rem;overflow: hidden;} .worlDL .jts{display: inline-block;width: .1rem;height: .1rem;position: relative;background: url(../images/job2.png) no-repeat center;} .biaoshiDL dd .btn{display: inline-block;color: #145FF9;border: 1px solid #145FF9;padding: .1rem .6rem;} .biaoshiDL .pdf{display: block;} .biaoshiDL .pdf>img{width: 1rem;} .biaoshiDLs .pdfs{display: block;} .biaoshiDLs .pdfs>img{width: 4rem; height: 3.2rem;} .ourShow .swiper-slide{width: 1150px;width: 11.5rem;max-width:80%; margin: auto;position: relative;background: rgba(255,255,255,.1)} .ourShow .swiper-slide img{display: block;width: 100%;opacity: 0;} .ourShow .swiper-slide .tit{position: absolute;left: 0;right: 0;top: 100%;opacity: 0;} .ourShow .swiper-container{padding: .8rem 0} .ourShow .swiper-slide-active .tit{opacity: 1;} .ourShow .swiper-slide-active img{opacity: 1;} .pictures .pads{padding: 0 .6rem;position: relative;} .pictures .btns{position: absolute;top: 50%;width: .7rem;line-height: .7rem;height: .7rem;text-align: center;background: #145FF9;border-radius: 50%;color: #fff;margin-top: -0.35rem;} .pictures .swiper-button-prev{left: 0;} .pictures .swiper-button-next{right: 0;} .morepicture{width: 101.5%;} .morepicture dd{width: 23.5%;margin: 0 1.5% 3% 0;} .vidoeFlex dd{width: 48.5%;margin-bottom: 3%;position: relative;color: #fff;} .vidoeFlex dd .open{position: absolute;left: 0;right: 0;text-align: center;top: 50%;transform: translate(0,-50%);-webkit-transform: translate(0,-50%);} .vidoeFlex dd .open i{font-size: .8rem;line-height: 1;display: block;margin-bottom: .15rem;} .vidoeFlex dd .tit{position: absolute;left: 0;right: 0;bottom: 0;text-align: center;padding-bottom: .2rem} .detailsText img{max-height: 100%;max-width: 100%;height: auto !important;} .jibenDL dd{width: 22%;margin: 0 3% 3% 0;background: #fff;padding: .1rem 0;} .jibenDL dd .bline{display: block;margin:.15rem auto;width: .4rem;height: 2px;background: #145FF9;} .chooseSt{position: absolute;right: 0;top: 50%;margin-top: -0.2rem;} .chooseSt select{background: url(../images/jt.png) no-repeat right center;background-size: .25rem auto; border: 1px solid #145FF9;padding: 0 .6rem 0 .15rem;color: #145FF9;line-height: .4rem;height: .4rem;cursor:pointer;} /*二期关于我们*/ .bline{background: #fff;opacity: .1;height: 1px;} .qyyjDL2{position: static;text-align: left;max-width: 1400px;margin: auto;} .qyyjDL2 dd{width: auto;} .max1000{max-width: 1000px;margin: auto;} .width700{width: 700px;max-width: 95%;margin: auto;} .fourbigFlex dd{width: 48%;position: relative;overflow: hidden;height: 480px;height: 4.8rem;cursor: pointer;margin-right: 1%; margin-bottom: 1%;} .fourbigFlex dd .bg{position:absolute;left: 0;right: 0;top: 0;bottom: 0;background-size: cover !important;transform: scale(1.05);-webkit-transform: scale(1.05);} .fourbigFlex dd .bg::before{position: absolute;left: 0;right: 0;top: 0;bottom: 0;content: '';background: rgba(0,0,0,.2);} .fourbigFlex dd .tit{position: absolute;left: 1rem;top: .6rem;} .peitaoDL{box-shadow: 0 0 25px -2px rgba(0,0,0,.1);} .peitaoDL dd{width: 16.66%;text-align: center;background-size: cover !important;position: relative;} .peitaoDL dd .cts{background: #fff;padding: .5rem .1rem .5rem .1rem;border-right: 1px solid #e5e5e5;border-bottom: 1px solid #e5e5e5;line-height: 1;box-sizing: border-box;height: 100%;} .peitaoDL dd .icon img{margin: auto;height: .6rem;} .peitaoDL dd .img1{display: block;} .peitaoDL dd .img2{display: none;} .qiyeFlex dd{width: 25%;text-align: center;overflow: hidden;} .qiyeFlex dd .cts{padding: 2.9rem .3rem 1.3rem .3rem;border-left: 1px solid #fff;border-color: rgba(255,255,255,.15);} .qiyeFlex dd .icon{width: 1rem;height: 1rem;border: 1px solid #fff;border-color: rgba(255,255,255,.25);border-radius: 50%;} .qiyeFlex dd .qline{display: block;width: .4rem;height: 2px;background: #fff;opacity: .5;margin: .15rem auto;} .qiyeFlex dd .txt{color: rgba(255,255,255,.5);opacity: 0;} .hexinFlex {padding: 1.3rem 0;} .hexinFlex .hx .item{padding: .2rem .2rem .4rem .2rem;background: rgba(255,255,255,.15);margin: .2rem 0;} .hexinFlex .hc{padding: .78rem;background: rgba(255,255,255,.15);border-radius: 50%;margin: .3rem;display: inline-block;} .hexinFlex .hc .txt{background: #145FF9;border-radius: 50%;width: 3.6rem;height: 3.6rem;margin: auto;} .wt120{width: 1.2rem;height: 1.2rem;} .bght900{height: 9rem;max-height: 100vh;} .bght460{height: 4.6rem;max-height: 460vh;} .bght660{height: 6.6rem;max-height: 660vh;} .bght500{height: 5rem;max-height: 50vh;} .half50{width: 50%;} .imgborder{border: 1px solid #ddd;border-radius: 50%;} .workShow .swiper-slide{width: 1135px;width: 11.35rem;max-width: 80%; margin: auto;position: relative;background: rgba(255,255,255,.1)} .workShow .swiper-slide img{display: block;width: 100%;} .workShow .swiper-slide .tit{position: absolute;left: 0;right: 0;bottom: 0;opacity: 0;padding:1rem 0 .3rem 0;background: linear-gradient(to top,#000,rgba(0,0,0,0));} .workShow .swiper-slide-active .tit{opacity: 1;} .work-pagination span{margin: 0 5px;} .styleSwiper .link{display: block;height: 100%;background: rgba(255,255,255,.1);} .styleSwiper .link .mins{padding: .2rem;min-height: 2rem;} .empStyles .btns{width: .68rem;text-align: center;line-height: .68rem;background: #fff;color: #333;border-radius: 50%;display: inline-block;cursor: pointer;font-weight: 700;margin-right: .18rem;} .worlDL dd{background: #fff;margin-bottom: 2px;} .worlDL dd .dTop{padding: .35rem;position: relative;cursor: pointer;border-bottom: 1px solid #DDDDDD;} .worlDL dd .times{display: none;} .worlDL dd .tit{display: inline-block;margin-right: .3rem;} .worlDL dd .dBot{background: #f1f1f1;padding: .35rem;display: none;} .worlDL .applyBtn{background: #145FF9;display: inline-block;color: #fff;padding: .1rem .4rem} .worlDL dd.on .times{display: inline-block;} .worlDL dd.on .look{display: none;} .worlDL dd.on .jts{position: absolute;right: .3rem;bottom: 0;background: #145FF9;color: #fff;width: .6rem;height: .6rem;text-align: center;background: url(../images/job1.png) no-repeat center;} .worlDL dd .times_new{width: 2.4rem;height: 2.2rem;text-align: center;border-right: 1px solid #D1D0D0;color: #7C7C7C} .worlDL dd .text{margin-left: 0.2rem; color: #666666;} .worlDL dd .text .t1{margin-bottom: 0.1rem;color: #333333;} .worlDL dd .dTop_new{padding: .35rem;position: relative;cursor: pointer;} .worlDL dd .dTop_new .h_show{display: none;} .worlDL dd:hover .dTop_new{ box-shadow: 0px 4px 18px 0px rgba(4,0,0,0.11);} .worlDL dd:hover .t1{color: #145FF9;} .worlDL dd:hover .times_new{color: #145FF9;} .worlDL dd:hover .n_show{display: none;} .worlDL dd:hover .h_show{display: block;} @media only screen and (max-width:640px) { .worlDL dd .times_new{display: none;} .bght500{height: 3rem;max-height: 30vh;} .whShow .btns, .swiper-btns{ top: 35% !important;} .whShow .btns, .swiper-btns img{width: 1rem;} .bght460{ height: 3rem; max-height: 30vh; } .ptBreadDL dd img{ width: .7rem; } } .crumb{ padding-left: 150px; padding-right: 150px; } @media only screen and (max-width: 1400px) { .crumb{ padding-left: 80px; padding-right: 80px; } } @media only screen and (max-width: 1023px) { .crumb{ padding-left: 40px; padding-right: 40px; } } @media only screen and (max-width: 767px) { .crumb{ padding-left: 20px; padding-right: 20px; } } .width1200{width: 1200px;max-width: 96%;margin: auto;} .width960{width: 980px;max-width: 96%;margin: auto;} .collegeBg .bgs{height: 980px;height: 9.8rem;max-height: 100vh;position: relative;} .collegeBg .bgs dd{position: absolute;left: 0;right: 0;top: 0;bottom: 0;background-size: cover !important;opacity: 0;transition: .5s;} .collegeBg .bgs dd.on{opacity: 1;} .collegeBg .name{position: absolute;left: 0;right: 0;bottom: 0;padding: 0 1.5rem;background: rgba(0,0,0,.68);} .collegeBg .name dd{cursor: pointer;position: relative;padding: .45rem 0;} .collegeBg .name dd::before{position: absolute;left: 50%;width: 0;content: '';bottom: .28rem;height: 2px;background: #fff;transition: .5s;-webkit-transition: .5s;} .collegeBg .name dd.on::before{width: 100%;left: 0;} .whShow .swiper-slide{width: 1190px;width: 11.9rem;max-width: 80%; margin: auto;position: relative;background: #000} .whShow .swiper-slide img{display: block;width: 100%;opacity: .4;} .whShow .swiper-slide .tit{position: absolute;left: 0;right: 0;top: 100%;opacity: 0;} .whShow .swiper-container{padding: .6rem 0} .whShow .swiper-slide-active .tit{opacity: 1;} .whShow .swiper-slide-active img{opacity: 1;} .whShow .btns,.swiper-btns{position: absolute;z-index: 2;cursor: pointer; top: 50%;text-align: center;margin-top: -0.3rem;} .whShow .wh-prev{left: 1.75rem;} .whShow .wh-next{right: 1.75rem;} .wenhuasp .tit{position: absolute;left: 0;right: 0;bottom: 0;padding: 1rem .2rem .2rem .2rem;background: linear-gradient(to top,#000,rgba(0,0,0,0));z-index: 2;} .swiper-btns.prev{left: 0;} .swiper-btns.next{right: 0;} .swiper-btns.wp-prev{left: -0.15rem;} .swiper-btns.wp-next{right: -0.15rem;} .zerenDL::after{width: 30%;content: '';} .zerenDL dd{width: 24%;text-align: center;margin-bottom: 3%;cursor: pointer;} .zenrens .swiper-slide{background: #fff;} .fazhan .swiper-slide{background: #fff;} .zenrens .biaoshiDL .pdf>img{width: 3rem;height: 2.5rem} .maximg img{max-width: 47%;margin: 0 1%;} .yanfa{height: 700px;height: 7rem;} .wt70{width: .7rem;} .jishuDL{width: 101%;} .jishuDL dd{width: 24%;margin: 0 1% 1% 0;background: #fff;text-align: center;padding: .6rem 0;} .cgImg img{width: 16%;margin-bottom: 2%;} .bg100{background-size: 100% auto !important;} .nengliDL{width: 101%;} .nengliDL dd{width: 24%;margin: 0 1% 1% 0;text-align: center;} .zidonghuaDL::after{width: 32%;content: '';} .zidonghuaDL dd{width: 32%;margin-bottom: .26rem;} .shuziHeight{min-height: 4rem;padding: .5rem 0;} .shuziDL::after{content: '';width: 32%;} .shuziDL dd{width: 32%;margin-bottom: .4rem;cursor: pointer;} .shuziDL dd .scaleImg{border: 1px solid #fff;} .shuziDL dd .scaleImg img{height: 2.6rem;object-fit: cover;} .lookmores .more{display: inline-block;border: 1px solid #eee;color: #fff;border-color: rgba(255,255,255,.5);padding: .1rem .5rem;} .huobans{padding:1px .4rem;background: #fff;} .huobanDL dd{width: 20%;box-sizing: border-box;border: 1px solid #eee;margin: .4rem 0;} .partnerBg{position: absolute;left: 0;right: 0;top: 0;bottom: 3.4rem;} .tixiDL {width: 97%;margin: auto;} .tixiDL dd{width: 14.285%;position: relative;text-align: center;} .tixiDL dd .hts{position: relative;padding-top: 100%;background: #fff;border-radius: 50%;} .tixiDL dd .hts::before{position: absolute;left: -0.2rem;top: -0.2rem;right: -0.2rem;bottom: -0.2rem;border-radius: 50%;border: .1rem solid #eeeeee;content: '';background: #fff;} .tixiDL dd .cts{position: absolute;left: 0;right: 0;top: 50%;transform: translate(0,-50%);-webkit-transform: translate(0,-50%);} .tixiDL .icon{display:block ;margin: auto;width: .6rem;} .tixiDL .icons{display:none ;margin: auto;width: .6rem;} .tixiDL dd .imgs{margin-bottom: .2rem;} .mapFlex {width: 53%;} .mapFlex .map{width: 120%;height: 5.3rem;} .mapFlex .map img{max-width: none;} .zongbu .address{border: 2px solid #000;padding: .1rem .2rem;border-radius: .1rem;} .contactDL::after{content: '';width: 32%;} .contactDL dd{background: #fff;width: 31.83%;position: relative;margin-bottom: 3%;word-wrap: break-word;} .contactDL dd .pads{padding: .34rem;} .contactDL dd .ewm{position: absolute;right: .2rem;bottom: .2rem;width: 1.2rem;} .color727b84{color:#727b84} .minht600{min-height: 600px;min-height: 6rem;} .brandDL dd{width: 33.33%;flex: 1;background-size: cover !important;height: 800px; height: 95vh;} .brandDL dd .pds{padding: 1.3rem .2rem .2rem .2rem;text-align: center;} .brandDL dd .name{line-height: 1.6rem;width: 1.6rem;margin: auto;border: 1px solid #000;border-color: rgba(0,0,0,.4); border-radius: 50%;margin-bottom: .3rem;} .brandDL dd .sline{display: block;margin: auto;height: 2px;width: .6rem;background: #000;margin: .2rem auto;} .donglingDL dd{display: none;} .donglingDL dd.on{display: block;} .donglingDL .bg{padding: 1.3rem 0 0 0;height: 9rem; height: 90vh;} .donglingDL .borders{border: 1px solid #ddd;} .donglingDL .borders .scaleImg{width: 16.66%;} .donglingTit{position: absolute;left: 0;right: 0;top: 0;border-bottom: 1px solid #3b7fb1; border-color: rgba(255,255,255,.25); text-align: center;} .donglingTit .item{display: inline-block;padding: .4rem .1rem;position: relative;color: #fff;} .donglingTit .item+.item{margin-left: 2rem;} .donglingTit .item::before{position: absolute;left: 50%;bottom: -1px;content: '';height: 4px;background: #fff;width: 0;transition: .5s;border-radius: 5px;} .donglingTit .item.on::before,.donglingTit .item:hover::before{left: 0;width: 100%;} .bannerMore>a{display: inline-block;background: #145FF9;color: #fff;padding: .12rem .7rem;} .dongling .left{width: 50%;} .dongling .txt{padding: .2rem 1.6rem .2rem 1rem;} .dline{display: inline-block;height: 4px;width: .6rem;background: #F1F1F1;} .brandLB .swiper-slide{background: #fff;text-align: center;} .brandLB .swiper-slide>a{display: block;padding: .3rem;} .pp-pagination {text-align: center;} .pp-pagination span{display: inline-block;border-radius: 0;height: 4px;width: .55rem;margin: 0 5px;} .mingzhan{height: 100vh;max-height: 1000px;} .borderTop1px{border-top: 1px solid #ddd;} /*pie*/ .pie{ width: 120px; height: 120px; border-radius: 50%; background: #e95549; position:relative; margin-top:20px; } .pieLeftInner, .pieRightInner { width:120px; height:120px; background-color:#e5e5e5; border-radius:100px; position:absolute; } .pieLeftInner { clip:rect(0px,120px,120px,60px); -o-transform:rotate(0deg); -moz-transform:rotate(0deg); -webkit-transform:rotate(0deg); } .pieRightInner { clip:rect(0px,60px,120px,0px); -o-transform:rotate(0deg); -moz-transform:rotate(0deg); -webkit-transform:rotate(0deg); } .pieLeft, .pieRight { width:120px; height:120px; position:absolute; z-index:1; } .pieLeft { clip:rect(0px,120px,120px,60px); } .pieRight { clip:rect(0px,60px,120px,0px); } .pieInner { width:80px; height:80px; margin:20px 0 0 20px; background-color:#fff; border-radius:100px; position:absolute; z-index:1; text-align:center; line-height:80px; font-size:24px; font-weight:bold; color:#e25a4a;} /*prograss*/ .prograss{ background:#eee; height:15px; width:80%; position:relative; border-radius:2px; margin-top:10px; } .prograss .bar{ background:#e95549; height:100%; width:10%; border-radius:2px 0 0 2px; } .prograss_bar_yellow{ background:#f8b757 !important; } .toplYear{background-size: 100% auto !important;padding: .5rem} .toplYear .year{width: 1.9rem;height: 1.9rem;line-height: 1.9rem;position: relative;background: rgba(255,255,255,.15);border-radius: 50%;text-align: center;margin: auto;cursor: pointer;} .toplYear .year::before{position: absolute;left: .18rem;right: .18rem;top: .18rem;bottom: .18rem;content: '';background: rgba(255,255,255,.25);border-radius: 50%;} .toplYear .year::after{position: absolute;left: .36rem;right: .36rem;top: .36rem;bottom: .36rem;content: '';background: #fff;border-radius: 50%;} .toplYear .year span{position: relative;z-index: 2;} .bottomImg{width: 570px;margin: auto;max-width: 90%;padding:0 1rem} .bottomImg .gallery-top{margin-top: -0.25rem} .secondSwiper{padding: .5rem 0;} .bottomImg .tit{ position: absolute;left: 0;right: 0;top: 100%;padding-top: .2rem} .bottomImg .swiper-slide .scaleImg{margin: .15rem} .secondSwiper .swiper-slide{background: #fff;} .toplYear .swiper-slide-thumb-active .year::after{background: #145FF9;} .toplYear .swiper-slide-thumb-active .year{color: #fff} @keyframes sf1 { 0% { opacity: 1; transform: scale(1.5); } 100%{ opacity: 0;transform: scale(1);} } @-webkit-keyframes sf1 { 0% { opacity: 1; -webkit-transform: scale(1.5); } 100%{ opacity: 0;-webkit-transform: scale(1);} } .goPages{text-align:center;line-height:0.38rem;} .goPages a{display:inline-block;border:1px solid #eee;padding:0 .1rem;cursor:pointer;} .goPages *{color:#fff;} .goPages select{border:1px solid #eee;padding:0 .2rem;margin: 0 .1rem;background: transparent;} .goPages.pages2 *{color:#666;} .goPages.pages2 a{color:#666;border:1px solid #aaa; background:#FFF;margin: 0 .05rem;} .goPages.pages2 .current{background: #145FF9; color: #fff; border-color: #145FF9;} .goPages.pages2 select{border-color:#aaa; background:#FFF;} .huobanSwiper dd{box-sizing: border-box;border: 1px solid #eee;margin: .4rem 0;} @media only screen and (min-width:1100px) { .goPages a:hover{background:#145FF9;color:#fff;border-color:#145FF9} .goPages .page-large .on{background:#145FF9;color:#fff;border-color:#145FF9} .toplYear .year::after,.brandDL dd .sline,.brandDL dd .name,.contactDL dd,.tixiDL dd .imgs,.tixiDL dd .hts::before,.tixiDL dd,.huobanDL dd,.jishuDL dd,.jishuDL dd img,.swiper-btns,.whShow .btns,.empStyles .btns,.hexinFlex .hx .item,.qiyeFlex dd .cts,.qiyeFlex dd .icon,.qiyeFlex dd .qline,.qiyeFlex dd,.qiyeFlex dd .txt,.peitaoDL dd .cts,.fourbigFlex dd .bg,.fourbigFlex dd .txt,.fourbigFlex dd .bg::before,.fourbigFlex dd,.biaoshiDL dd,.jibenDL dd .bline,.jibenDL dd,.biaoshiDL .jt::before,.pictures .btns{transition: .5s;-webkit-transition: .5s;} .breadNav .item:hover::before{width: 70%;} .bgattem{background-attachment: fixed !important} .pages>*:hover{background: #fff;color: #145FF9;} .ptBreadDL dd:hover .icon2{display: block;} .ptBreadDL dd:hover .icon1{display: none;} .ptBreadDL dd:hover .hline::before{width: 100%;left: 0;} .biaoshiDL .jt:hover{background: rgba(238,119,0,.1);} .biaoshiDL .jt:hover::before{background: #ee7700;left: 0;right: 0;top: 0;bottom: 0;} .pictures .btns:hover,.worlDL .applyBtn:hover,.bannerMore>a:hover{background: #ee7700} .biaoshiDL dd:hover .pdf{background: #145FF9;color: #fff;background: url(../images/d1.jpg) no-repeat center;} .biaoshiDL dd:hover{box-shadow: 0 0 25px -1px rgba(0,0,0,.1);} .fourbigFlex dd:hover .txt{height: .6rem;} .fourbigFlex dd:hover .bg::before{background: rgba(0,0,0,.4);} .fourbigFlex dd:hover .bg{transform: scale(1);-webkit-transform: scale(1);} .peitaoDL dd:hover .img1{display: none;} .peitaoDL dd:hover .img2{display: block;} .peitaoDL dd:hover .cts{background: transparent;color: #fff;border-color: transparent;} .qiyeFlex dd:hover .txt{opacity: 1;} .qiyeFlex dd:hover{background: rgba(0,0,0,.4);} .qiyeFlex dd:hover .qline{padding: 0 .2rem;} .qiyeFlex dd:hover .icon{transform: rotate(360deg);-webkit-transform: rotate(360deg);border-color: #fff;} .qiyeFlex dd:hover .cts{transform: translate(0,-10px);-webkit-transform: translate(0,-10px);} .styleSwiper .link:hover{background: #145FF9;color: #fff;} .jishuDL dd:hover img{transform: rotateY(180deg);-webkit-transform: rotateY(180deg);} .jishuDL dd:hover {box-shadow: 0 0 25px -2px rgba(0,0,0,.1);} .lookmores .more:hover{background: #fff;color: #145FF9;} .huobanDL dd:hover,.huobanSwiper dd:hover{box-shadow: 0 0 25px -2px rgba(0,114,255,.2);position: relative;z-index: 1;} .tixiDL dd:hover .icon{display:none;} .tixiDL dd:hover .icons{display:block;} .tixiDL dd:hover{color: #145FF9;} .tixiDL dd:hover .hts::before{border-color: #145FF9;} .tixiDL dd:hover .imgs{transform: rotate(360deg);-webkit-transform: rotate(360deg);} .contactDL dd:hover{transform: translate(0,-5px);-webkit-transform: translate(0,-5px);box-shadow: 0 0 25px -1px rgba(255,255,255,.8);} .brandDL dd:hover .sline{padding: 0 .2rem;} .brandDL dd:hover .name{background: #145FF9;color: #fff;border-color: #145FF9;} } @media only screen and (max-width:1100px) { .qiyeFlex dd .txt{display: none;} .qiyeFlex dd .cts{padding: .6rem .1rem;} .bght900{height: 6rem;max-height: 50vh;} } @media only screen and (max-width:640px) { .bannerPage{height: 5rem;} .phoneBlock{display: block;} .newTop .imgs{width: auto;margin: 0 0 2% 0;} .breadNav .item{margin: 0 .2rem;} .breadNav .item::before{height: 2px;} .xwzxDL dd{width: 48.5%;} .chanpinDL dd{width: 48.3%;} .chanpinDL dd>a{padding: .2rem;} .biaoshiDL dd{width: 32%;} .morepicture dd{width: 48.5%;} .peitaoDL dd{width: 25%;} .fourbigFlex dd{height: 3rem;} .fourbigFlex dd .tit{left: .2rem;top: .2rem;} .fourbigFlex dd .cot{left: .2rem;bottom: .2rem;} .hexinFlex{display: block;padding: .5rem 0;} .hexinFlex .hx{display: flex;justify-content: space-between;-webkit-justify-content: space-between;} .hexinFlex .hx .item{box-sizing: border-box;width: 32.33%;} .bght900{height:5rem;} .empStyles {display: block;} .empStyles .tit{padding: 0 0 .2rem 0;text-align: center;} .empStyles .btn{padding-top: .2rem;} .empStyles .btns{margin: 0 .1rem;} .collegeBg .bgs{height: 5rem;} .collegeBg .name{padding: 0 .3rem;} .whShow .wh-next,.swiper-btns.wp-next{right: 0;} .whShow .wh-prev,.swiper-btns.wp-prev{left: 0;} .zerenDL dd,.jishuDL dd{width: 48%;} .yanfa .qyyjDL2 dd{width: 20%; padding-top:1rem;} .cgImg img{width: 32%;} .nengliDL dd{width: 49%;} .zidonghuaDL dd{width: 49%;} .shuziDL dd .scaleImg img{height: 1.8rem;} .tixiDL dd{width: 25%;} .tixiDL dd:nth-child(5){margin-left: 12.5%;} .huobanDL dd{margin: .2rem 0;} .huobans{padding: 1px .2rem;} .partnerBg{bottom: 1.4rem;} .zongbu{display: block;} .zongbu .flex1{padding: 0 0 .2rem 0;} .mapFlex,.mapFlex .map{width: auto;height: 3.6rem;} .contactDL dd{width: 100%;} .brandDL dd{height: 6rem;} .brandDL dd .pds{padding: .5rem .1rem .2rem .1rem;} .donglingDL .bg{height: 50vh;} .donglingDL .borders .scaleImg{width: 33.33%;} .brandDL dd .name{width: 1rem;line-height: 1rem;font-size: .48rem;} .minht600{min-height: 4rem;} .dongling {display: block;padding: .3rem;} .dongling .left{width: auto;} .dongling .txt{padding: .2rem 0} .mingzhan{height: 50vh;} .bottomImg{padding: 0 .25rem} .bottomImg .tit{padding: 0} .toplYear{padding: 0 .2rem} .toplYear .year{width: 1.6rem;height: 1.6rem;line-height: 1.6rem} .qiyeFlex dd{width: 50%;text-align: center;overflow: hidden;} .vidoeFlex dd{width: 100%;margin-bottom: 3%;position: relative;color: #fff;} .nr_img p img { width: 100%!important; height: auto!important; } } .download { width: 100%; border-radius: 4px; margin-top: 26px; } .download a { width: 131px; height: 45px; background: #145FF9; border-radius: 23px; margin: 0 auto; line-height: 45px; font-size: 16px; text-align: center; display: block; color: #ffffff; } .download a:hover { background-color: #ff9700; } .sharePrice{ padding-top:20px;} .sharePrice h2{ height:58px; background:#36995a; text-align:center; font-size:18px; color:#fff; line-height:58px;} .sharePrice .table{ padding-top:10px;} .sharePrice .table td{ border-right:#fff solid 2px; border-bottom:#fff solid 2px; text-align:center; height:47px; background:#145FF9; font-size:14px; font-weight:bold; color:#fff;} .sharePrice .table td.td_01{ background:#eaf4ef; color:#186d67; font-weight:400;} .sharePrice .table td.td_02{ background:#fff;} .sharePrice .table td.td_03{ height:125px; background:#f0f0f0; color:#145FF9;} .sharePrice .table td.td_04{ background:#f0f0f0; color:#145FF9;} .mileage .part_1{position: relative;} .mileage .part_1 .leftbox{float: left;width: 370px;height: 1000px;} .mileage .part_1 .leftbox .swiper-container{height: 100%;width: 100%} .mileage .part_1 a{color: #999999;display: block;border-radius: 25px;width: 100%;text-align: center;position: relative;font-size: 1em;opacity: 0;transform-origin:50% 50%; line-height: 140px;} .mileage .part_1 .leftbox .swiper-slide-active a{color: #8b8b8b;font-size: 140px;border: 1px solid #fff;opacity: 1; line-height: 140px; text-align: left;} .mileage .part_1 a:before{content: "";position: absolute;display: block;width: 25px;height: 25px;background-image: url(../images/sanjiao.png);right: 0;top: 50%;transform: translateY(-50%);opacity: 0;transition: all .3s;} .mileage .part_1 .leftbox .swiper-slide-active a:hover{color: #1993A0!important;} .mileage .part_1 .leftbox .swiper-slide-active a:before{opacity: 1;} .mileage .part_1 .leftbox .swiper-slide em{display: none;} /*.mileage .part_1 .leftbox .swiper-slide-active em{display: inline;}*/ .mileage .part_1 .leftbox .swiper-slide i{display: inline-block;position: relative;margin-right: 14px; background: url(../images/yuanhuan.png); width: 15px; height: 15px;} .mileage .part_1 .leftbox .swiper-slide-active i{display: none;} .mileage .part_1 .rightbox{width: calc(93% - 370px);width: -moz-calc(93% - 333px);;float: right;} .mileage .part_1 li{float: left; width: 100%; padding: 29px 0; border-bottom:#cccccc solid 1px;overflow: hidden;} .mileage .part_1 li.in{border-top: 1px solid #CCCCCC;} .mileage .part_1 li span{display: block; overflow: hidden; color: #999999;} /*.mileage .part_1 li:hover h1{color: #0C5DC0;}*/ .mileage .part_1 li p{color: #393939;margin-top: 19px; } .mileage .part_1 li img{max-width: 100%; margin-top: 15px;} @media only screen and (max-width:1300px){ .mileage .part_1 .leftbox{width: 300px;} .mileage .part_1 a{line-height: 110px;} .mileage .part_1 .leftbox .swiper-slide-active a{font-size: 110px; line-height: 110px;} .mileage .part_1 .rightbox{width: calc(97% - 300px);width: -moz-calc(97% - 300px)} .honor4{ padding-top: 40px; padding-bottom: 60px;} } @media only screen and (min-width:1024px){ .mileage .part_1 .leftbox .prev_nth2Mode a{transform: rotate(-10deg);opacity: 1;} .mileage .part_1 .leftbox .next_nth2Mode a{transform: rotate(10deg) translateY(20px);opacity: 1;} .mileage .part_1 .leftbox .prev_nth3Mode a{transform: rotate(-15deg) translateX(-17px);opacity: 1;} .mileage .part_1 .leftbox .next_nth3Mode a{transform: rotate(15deg) translateX(-17px) translateY(20px);opacity: 1;} .mileage .part_1 .leftbox .prev_nth4Mode a{transform: rotate(-20deg) translateX(-40px);opacity: 1;} .mileage .part_1 .leftbox .next_nth4Mode a{transform: rotate(20deg) translateX(-40px) translateY(20px);opacity: 1;} .mileage .part_1 .leftbox .prev_nth5Mode a{transform: rotate(-25deg) translateX(-65px);opacity: 1;} .mileage .part_1 .leftbox .next_nth5Mode a{transform: rotate(25deg) translateX(-65px) translateY(20px);opacity: 1;} .mileage .part_1 .leftbox .prev_nth6Mode a{transform: rotate(-30deg) translateX(-99px);opacity: 1;} .mileage .part_1 .leftbox .next_nth6Mode a{transform: rotate(30deg) translateX(-99px) translateY(20px);opacity: 1;} } @media only screen and (max-width:1023px){ .mileage .part_1 .leftbox{width: 200px;height: 500px; padding-top: 30px;} .mileage .part_1 a{opacity: 1; line-height: 60px;} .mileage .part_1 .leftbox .swiper-slide-active a{font-size: 60px; line-height: 60px;} .mileage .part_1 .rightbox{width: -moz-calc(97% - 200px);width: calc(97% - 200px)} .mileage .part_1 li .img{width: 100%;} } @media only screen and (max-width:768px){ .mileage .part_1 .leftbox{padding-top: 20px;} .mileage .part_1 li{padding: 20px 0;} .honor4{ padding-top: 20px; padding-bottom: 20px;} } @media only screen and (max-width:767px){ .mileage .part_1 .swiper-container-vertical>.swiper-wrapper{ flex-direction: row !important; } .mileage .part_1 .leftbox .swiper-container{ background: url(../images/hengxian.png) no-repeat center center; background-size: 100% 1px; -moz-background-size: 100% 1px; -webkit-background-size: 100% 1px; -o-background-size: 100% 1px; } .mileage .part_1 .leftbox{width: 120px;height: 300px; padding-top: 20px;} .mileage .part_1 .leftbox{width: 100%; height: 100%;} .mileage .part_1 .rightbox{width: -moz-calc(100% - 140px);width: calc(100% - 140px)} .mileage .part_1 .rightbox{width: 100%; margin-top: 10px;} .mileage .part_1 li p,.mileage .part_1 li h4{width: 100%;} .mileage .part_1 .swiper-slide{ background: url(../images/yuanhuan.png) no-repeat center center; } /*.mileage .part_1 .swiper-slide.swiper-slide-active{ background: url(../images/shijiandian_03.png) no-repeat center center; }*/ .mileage .part_1 a{ margin-bottom: 70px; } .mileage .part_1 .leftbox .swiper-slide-active a{font-size: 1.2em; text-align: center;} .mileage .part_1 .leftbox .swiper-slide-active a{ color: #1993A0; background: none; box-shadow: none; border: none; } .mileage .part_1 .leftbox .swiper-slide i{width: 40px;} .mileage .part_1 .leftbox .swiper-slide i{ display: none; } .mileage .part_1 .leftbox .swiper-slide-active i{display: none;} .mileage .part_1 a:before{width: 17px;height: 17px;background-size: cover;right: 6px;} .mileage .part_1 li{width: 100%; padding: 20px 0;} .mileage .part_1 a:before{ background-image: none; } .jibenDL dd{width: 47% !important; padding: 0 !important;} } .ul-listb4{-webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px;overflow:hidden;margin-bottom:80px} .ul-listb4 li{border-top:1px solid #e7e7e7;background-color:#fff;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;-webkit-transition:all .5s ease 0s;-o-transition:all .5s ease 0s;-moz-transition:all .5s ease 0s;transition:all .5s ease 0s;padding:1.93% .5% 1.71%;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-flex} .ul-listb4 .time{width:6.39%} .ul-listb4 .time p{width:100%;height:100%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;border-right:1px solid silver;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:flex;display:-webkit-flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-moz-box-orient:vertical;-moz-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:justify;-webkit-justify-content:space-between;-moz-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center} .ul-listb4 .time span{font-size:37px;line-height:37px;color:#5d5d5d;font-weight:600} .ul-listb4 .time i{font-size:11px;color:#858585;font-style:normal} .ul-listb4 h3{-webkit-box-flex:1;-webkit-flex:1;-moz-box-flex:1;-ms-flex:1;flex:1;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding-left:1.64%;} .ul-listb4 h3::before{content:"";display:inline-block;margin-right:10px;width:6px;height:9px;background:url(../images/arr_r.png) no-repeat;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover} .ul-listb4 h3.pdf::after{content:"";display:inline-block;vertical-align:top;margin-left:10px;width:18px;height:20px;background:url(../images/pdf.jpg) no-repeat;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover} .ul-listb4 li a{width:8.29%;border:1px solid #c1c1c1;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;color:#222;font-size:13px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding:.93% 0;text-align:center;-webkit-box-pack:center;-webkit-justify-content:center;-moz-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center} .ul-listb4 li:hover a{border:1px solid #ebc37b;background-color:#145FF9;color:#fff} .ul-listb4 li:hover{-webkit-box-shadow:0 0 10px #efefef;-moz-box-shadow:0 0 10px #efefef;box-shadow:0 0 10px #efefef} .ul-listb4 li:hover .time p span{color:#145FF9} @media screen and (max-width:1600px){ .ul-listb3 .txt{font-size:1.2vw;bottom:1vw;left:1vw} .ul-listb4 .time span{font-size:27px} .ul-listb4{margin-bottom:5vw} } @media screen and (max-width:767px){ .ul-listb4 .time{width:13.39%} .ul-listb4 .time span{font-size:20px} .g-newsb1{display: block !important;} .g-newsb1 .left{float: none !important; width: auto !important; margin-bottom: 15px; height: 36px;} .g-newsb1 .left .tit{ padding-bottom: 10px !important; } } .g-newsb1{display: flex;} .g-newsb1 .left{float:left;width:25%} .g-newsb1 .left .tit{position:relative;color:#000;padding-bottom:20px;float: left;} .g-newsb1 .left .tit::after{content:"";display:block;width:47px;height:3px;background-color:#c39b4e;position:absolute;bottom:0;left:0} .g-newsb1 .txt{line-height:2;color:#666} .g-newsb1 .txt b{color:#222} .g-newsb1 .txt .oh,.g-newsb1 .txt p{text-align:justify} .band-container{ text-align: left; } .band-container .band-tip { display: flex; } .band-container .band-money { margin-top: 5px; } .band-container .band-money .band-money-text { font-size: 20px; } .band-container .band-time { font-size: 14px; margin-top: 10px; color: #909399; } .band-container .band-tip .tip-icon{ width: 80px; height: 28px; text-align: center; line-height: 28px; font-size: 18px; color: #fff; background: #409eff; } .band-container .band-tip .tip-text{ font-size: 18px; color: #131414; margin-left: 10px; } .zongbucon{ position: relative; } .zongbucon::before { content: ''; position: absolute; left: 0; bottom: 0px; width: 90px; height: 3px; background-color: #145FF9; } .SocialList ul{padding-bottom:20px;} .SocialList .itemli{ position: relative; background: #f4f4f4;margin-bottom:30px;width:100%;height:auto !important;height:374px;min-height:374px;} .itemhover{transition: all ease 0.3s;} .activehover{-webkit-box-shadow: 0 15px 38px rgba(0,0,0,0.18); box-shadow: 0 15px 38px rgba(0,0,0,0.18); -webkit-transform: translate3d(0, -2px, 0); transform: translate3d(0, -2px, 0);} .SocialList{margin-top: 0.1rem !important;} .SocialList .imgslide{width:40%;float:right;position: relative;} .SocialList .imgslide ul{padding-bottom:0;} .SocialList .imgbox{padding-top:374px;} .SocialList .info{width:55%;position: absolute;top:50%;transform: translate(0,-50%);left:0;z-index:2; padding-left: 3%;} .SocialList .info .p{-webkit-line-clamp: 3;height:90px; color:#666666;} .SocialList .slick-arrow{width:66px;height:66px;top:auto;margin:0;bottom:0;transform: translate(0,0);} .SocialList .slick-prev{left:0;background-color:rgba(0,0,0,0.4);background-image: url(../images/arrleft3.png);} .SocialList .slick-prev:hover{background-color:#333;} .SocialList .slick-next{left:66px;background-color:rgba(255,255,255,0.2);background-image: url(../images/arrright3.png);} .SocialList .slick-next:hover{right:0;background-color:#333;} .SocialList .next {background: #fff; border-top: 1px solid #f4f4f4; border-bottom: 1px solid #f4f4f4;} .SocialList .next .imgslide{float:left;} .SocialList .next .info{right:0;left:auto;} .SocialList .next .bg{ background: #fff; border-top: 1px solid #f4f4f4; border-bottom: 1px solid #f4f4f4;left:auto;right:-240px;} .SocialList .itemli:hover .Newstit i{width:0;} .SocialList .nopic .info{position: relative;width:auto; top: auto;transform: translate(0);} .Newstit{line-height: 78px;height:78px;overflow: hidden;} .Newstit i{display: inline-block;width:72px;height:1px;background:#de1014;vertical-align: middle;margin-left:17px; transition: all 0.3s;} @media ( max-width:1024px){ .SocialList .imgbox{padding-top:65%;} .SocialList .info .p{height:auto;} .SocialList .nopic .info{padding:10px;} .SocialList .slick-arrow{width:38px;height:38px;} .SocialList .slick-next{left:38px;} .Newstit i{width:20px;} .Newstit{font-size:18px;line-height:40px;height:40px;} } @media ( max-width:768px){ .SocialList .itemli{background: none;margin-bottom:15px;padding-bottom:10px;border-bottom: 1px solid #eee;height:100px;min-height:100px;} .SocialList .info .p{-webkit-line-clamp: 2;} .SocialList .bg{display:none;} .SocialList .imgslide{width:auto;float:none !important;margin-bottom:8px;} .SocialList .info{width:auto; position: relative;float: none !important; top: auto;transform: translate(0);} .SocialList .nopic .info{padding:0;} .Newstit{line-height:30px;font-size:16px;height:30px;} }